@charset "UTF-8";
/* CSS Document */

body{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-size: 16px;
  background-color: #fff; font-family: 'Source Sans Pro', sans-serif; color: #818388;
   line-height: 1.6; font-weight: 400;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0; margin-bottom: 10px; font-weight: 300; color: #484d55;}
h1 {font-size: 36px}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {}
p {margin: 0 0 20px;}
p:last-child{margin-bottom: 0px;}
ul, ol {margin: 0; }  
ul li, ol li {line-height: 1.9;}
a {color: #818388; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
  transition: all 0.3s;}
a:focus, a:hover { text-decoration: none; color: #e45248;}
strong{ font-weight: 600;}
.listnone{list-style: none;}
.lead{font-size: 27px;
    line-height: 38px;
    color: #484d55;}
.lead-italic{font-style: italic; font-size: 21px;}
blockquote{padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #f67269; font-style: italic;}

/*---------------- title class ------------*/
.heading-title{color: #484d55;}
.text-white{color: #fff;}
/*----------------- template button --------------*/
.btn{display: inline-block; padding: 12px 20px; margin-bottom: 0; font-size: 14px; font-weight: 600; line-height: 1.42857143; text-align: center; border:none; text-transform: uppercase; letter-spacing: 1px;
margin-bottom:5px;}

  /*--------- btn default --------*/
.btn-default {color: #fff; background-color: #f67269;}
.btn-default:hover {color: #fff; background-color: #e45248;} 
.btn-default.focus, .btn-default:focus {color: #fff; background-color: #e45248;}

  /*--------- btn primary --------*/

.btn-primary {color: #fff; background-color: #595b5f;}
.btn-primary:hover {color: #fff; background-color: #3d3f42; }
.btn-primary.focus, .btn-primary:focus {color: #f67269; background-color: #fff; }

  /*--------- btn outline --------*/

.btn-outline {color: #fff; background-color: transparent; border: 2px solid #fff;}
.btn-outline:hover {color: #f67269; background-color: #fff; border: 2px solid #fff;}
.btn-outline.focus, .btn-outline:focus {color: #f67269; background-color: #fff; border: 2px solid #fff;}

  /*--------- btn link --------*/
.btn-link{color: red;}
.btn-link:hover{color: blue; text-decoration: none;}
/*--------- btn size --------*/
.btn-lg {font-size: 14px; padding: 20px 30px; }
.btn-sm  {font-size: 14px; padding: 10px 14px;}
.btn-xs {font-size: 12px;padding: 6px 8px;}

/*--------- selection --------*/
 ::selection {
    background: #ffecb3;
    color: #333;
}
/*-------------- Template Form Inputs ------------*/
.control-label{color: #333;}
.form-control{width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555;
    background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; 
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    margin-bottom: 10px;}
.form-control:focus {border-color: #66afe9; outline: 0; 
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); background-color: #eaeaea;}
.textarea.form-control{background-color: #eee;height: auto;}
.required{color: red}

/*-----------------------------------
space css class
-----------------------------------*/

/*----------------
margin space
-----------------*/
.mb0{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}

.mt0{margin-top: 0px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}

/*---------------
padding space
-----------------*/
.no-padding{padding-right: 0; padding-left: 0;}
.no-pdl{padding-left: 0;}
.no-pdr{padding-right: 0;}

.pinside10{padding: 10px;}
.pinside20{padding: 20px;}
.pinside30{padding: 30px;}
.pinside40{padding: 40px;}
.pinside50{padding: 50px;}
.pinside60{padding: 60px;}
.pinside80{padding: 80px;}

.pdt10{padding-top: 20px;}
.pdt20{padding-top: 20px;}
.pdt30{padding-top: 30px;}
.pdt40{padding-top: 40px;}
.pdt60{padding-top: 60px;}
.pdt80{padding-top: 80px;}

.pdb10{padding-bottom: 10px;}
.pdb20{padding-bottom: 20px;}
.pdb30{padding-bottom: 30px;}
.pdb40{padding-bottom: 40px;}
.pdb60{padding-bottom: 60px;}
.pdb80{padding-bottom: 80px;}

.pdl10{padding-left: 10px;}
.pdl20{padding-left: 20px;}
.pdl30{padding-left: 30px;}
.pdl40{padding-left: 40px;}
.pdl60{padding-left: 60px;}
.pdl80{padding-left: 80px;}

.pdr10{padding-right: 10px;}
.pdr20{padding-right: 20px;}
.pdr30{padding-right: 30px;}
.pdr40{padding-right: 40px;}
.pdr60{padding-right: 60px;}
.pdr80{padding-right: 80px;}

/*---------------
 Section Space
 
 * Section space help to create top bottom space. 
 *

-----------------*/
.section-space20{padding-top: 20px;padding-bottom: 20px;}
.section-space40{padding-top: 40px;padding-bottom: 40px;}
.section-space60{padding-top: 60px;padding-bottom: 60px;}
.section-space80{padding-top: 80px;padding-bottom: 80px;}
.section-space100{padding-top: 100px;padding-bottom: 100px;}


/*-----------------------------------------
 background & block color 
------------------------------------------*/
.bg-light{background-color: #f7f6f5;}
.bg-primary{}
.bg-default{background-color: #f67269; color: #fff;}
.bg-white{background-color: #fff;}
.outline{border:2px solid #e9eef1;}
.section-title{}  
.main-container{margin-top: 100px; margin-bottom: 100px;}
.content{}
.primary-sidebar{}
.secondary-sidebar{}

/*-------------- Bullet point -------------*/

.bullet{position: relative; padding-left: 26px; color: #2e3233; line-height: 32px;}
.bullet-circle li:before {font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px; 
    font-size: 14px; color: #c45d3c; content: "\f10c";}
.bullet-right-arrow li:before {font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px;
    font-size: 14px; color: #c45d3c; content: "\f105";}
 
/*--------------- Features block class --------------*/

.feature{}
.feature-icon{font-size: 32px; color: #42b574; margin-bottom: 20px;}

/*-------- feature icon left --------*/

.feature-left{}
.feature-left .feature-icon{float: left;}
.feature-left .feature-content{padding-left: 60px;} 

/*-------- feature inner padding --------*/

.feature-inner{padding: 30px;background-color: #eaeaea}
.feature-outline{padding: 30px;border:2px solid #eaeaea;}

/*---------------- Thumbnail Block ------------*/

.thumbnail-block{
  height: 290px;
}
.thumbnail-img{
  width:360px;
  height: 180px;
  overflow: hidden;
  text-align: center;
}
.thumbnail-img img{max-width:100%;max-height: 100%;margin:0 auto;}
.thumbnail-content{height: 30px;overflow: hidden;}
.thumbnail-inner{padding: 30px;background-color: #eee}
.thumbnail-outline{border:1px solid #e8e8e8;}
.logo{   padding: 10px 0; display: inline-block;}

/*------------------ Navigation ----------------*/

.navigation{background-color: transparent; -webkit-transition: background-color .8s ease-out; -moz-transition: background-color .8s ease-out; -o-transition: background-color .8s ease-out;
  transition: background-color .8s ease-out;  padding-bottom: 10px; padding-top: 10px; position: relative;}
.navigation-collapse{background-color: #f67269;}

#navigation,
#navigation ul,
#navigation ul li,
#navigation ul li a,
#navigation #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block;
  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#navigation:after,
#navigation > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#navigation #menu-button {display: none;}
#navigation {background: transparent;}
#navigation > ul > li {float: left;}
#navigation.align-center > ul {font-size: 0; text-align: center;}
#navigation.align-center > ul > li {display: inline-block; float: none;}
#navigation.align-center ul ul {text-align: left;}
#navigation.align-right > ul > li {float: right;}
#navigation > ul > li > a {padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #fff;
  font-weight: 700; text-transform: uppercase;}
#navigation > ul > li:hover > a {color: #ffffff;}
#navigation > ul > li.has-sub > a {padding-right: 30px;}
#navigation > ul > li.has-sub > a:after {position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; 
  display: block; background: #dddddd; content: '';}
#navigation > ul > li.has-sub > a:before {position: absolute; right: 14px; font-family: FontAwesome; content: "\f107";
  -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease;
  -o-transition: all .25s ease; transition: all .25s ease;}
#navigation > ul > li.has-sub:hover > a:before {top: 23px; height: 0;}
#navigation ul ul {position: absolute; left: -9999px;}
#navigation.align-right ul ul {text-align: right; }
#navigation ul ul li {height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; 
  -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#navigation li:hover > ul {left: auto;}
#navigation.align-right li:hover > ul {left: auto; right: 0;}
#navigation li:hover > ul > li {height: 35px;}
#navigation ul ul ul {margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul {margin-left: 0; margin-right: 100%; }
#navigation ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 170px;
  font-size: 12px; text-decoration: none; color: #dddddd; font-weight: 400; background: #333333; }
#navigation ul ul li:last-child > a,
#navigation ul ul li.last-item > a {border-bottom: 0;}
#navigation ul ul li:hover > a,
#navigation ul ul li a:hover {color: #ffffff;}
#navigation ul ul li.has-sub > a:after {position: absolute; top: 16px; right: 11px; width: 8px; height: 2px;
  display: block; background: #dddddd; content: '';}
#navigation.align-right ul ul li.has-sub > a:after {right: auto; left: 11px;}
#navigation ul ul li.has-sub > a:before {position: absolute; top: 13px; right: 14px; display: block; width: 2px;
  height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;
  -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#navigation.align-right ul ul li.has-sub > a:before {right: auto; left: 14px;}
#navigation ul ul > li.has-sub:hover > a:before {top: 17px; height: 0;}
#navigation.small-screen {width: 100%;}
#navigation.small-screen ul {width: 100%; display: none;}
#navigation.small-screen.align-center > ul {text-align: left;}
#navigation.small-screen ul li {width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2);}
#navigation.small-screen ul ul li,
#navigation.small-screen li:hover > ul > li {height: auto;}
#navigation.small-screen ul li a,
#navigation.small-screen ul ul li a {width: 100%; border-bottom: 0;}
#navigation.small-screen > ul > li {float: none;}
#navigation.small-screen ul ul li a {padding-left: 25px;}
#navigation.small-screen ul ul ul li a {padding-left: 35px;}
#navigation.small-screen ul ul li a {color: #dddddd; background: none;}
#navigation.small-screen ul ul li:hover > a,
#navigation.small-screen ul ul li.active > a {color: #ffffff;}
#navigation.small-screen ul ul,
#navigation.small-screen ul ul ul,
#navigation.small-screen.align-right ul ul {position: relative; left: 0; width: 100%; margin: 0; text-align: left;}
#navigation.small-screen > ul > li.has-sub > a:after,
#navigation.small-screen > ul > li.has-sub > a:before,
#navigation.small-screen ul ul > li.has-sub > a:after,
#navigation.small-screen ul ul > li.has-sub > a:before { display: none;}
#navigation.small-screen #menu-button {display: block; padding: 17px; color: #fff; cursor: pointer; font-size: 12px;
  text-transform: uppercase; font-weight: 700;}
#navigation.small-screen #menu-button:after {position: absolute; top: 22px; right: 17px; display: block; height: 8px;
  width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: '';}
#navigation.small-screen #menu-button:before {position: absolute; top: 16px; right: 17px; display: block; height: 2px;
  width: 20px; background: #fff; content: '';}
#navigation.small-screen #menu-button.menu-opened:after {top: 23px; border: 0; height: 2px; width: 15px; 
  background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg); transform: rotate(45deg);}
#navigation.small-screen #menu-button.menu-opened:before {top: 23px; background: #ffffff; width: 15px; 
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#navigation.small-screen .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer;}
#navigation.small-screen .submenu-button.submenu-opened {background: #262626;}
#navigation.small-screen ul ul .submenu-button {height: 34px; width: 34px; }
#navigation.small-screen .submenu-button:after {position: absolute; top: 22px; right: 19px; width: 8px; height: 2px;
  display: block; background: #fff; content: '';}
#navigation.small-screen ul ul .submenu-button:after {top: 15px; right: 13px;}
#navigation.small-screen .submenu-button.submenu-opened:after {background: #ffffff; }
#navigation.small-screen .submenu-button:before {position: absolute; top: 19px; right: 22px; display: block;
  width: 2px; height: 8px; background: #fff; content: '';}
#navigation.small-screen ul ul .submenu-button:before {top: 12px; right: 16px;}
#navigation.small-screen .submenu-button.submenu-opened:before {display: none;}
#navigation.small-screen.select-list { padding: 5px;}
/*-------------- page header ------------*/
.page-header{
  /* background: linear-gradient(rgba(55, 53, 54, 0.55),rgba(55, 53, 54, 0.55)), rgba(55, 53, 54, 0.55) url(../images/page-header.jpg) no-repeat center; */
  
background-size: cover; margin: 0;}
.page-caption{padding: 148px 0;}
.page-title{color: #fff; margin-bottom: 0;}

/*-------------- slider ------------*/
.intro-section{
  /* background: url(../images/hero-img.jpg) no-repeat; */
  background-color: rgba(35, 60, 46, 0.55);}
.intro-caption{color: #fff; text-align: center; padding-top: 215px; padding-bottom: 200px;}
.intro-title{font-size: 42px; color: #fff;}
/*-------------- cta ------------*/
.cta{}
.cta-text{}

/*-------------- footer ------------*/
.footer{background-color: #404245;}
.footer{}
.footer-title{margin-bottom: 25px; color: #fafafa;}
.footer-widget{color: #8b8e91;}
.footer-widget p{color: #8b8e91;}
.footer-call{margin-bottom: 5px;}
.footer-email{}
.footer-link{color: #8b8e91;}
/*-------------- tiny footer ------------*/
.tiny-footer{background-color: #404245; padding-top: 20px; padding-bottom: 20px;
  font-size: 14px;  border-top: 1px solid #505254; color: #757575; text-align: center;;}
/*-------------- align ------------*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 0px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 0px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}



.contant{}
.sidebar{margin-bottom: 50px;}
/*-------------- blog csss ------------*/
.post-holder{}

/*-------------- sidebar csss ------------*/
      /*----- widget -----*/
.widget{padding-bottom: 49px; border-bottom: 1px solid #ededed; margin-bottom: 50px;}
.widget-title{}
.widget-categories{}
.widget-categories ul{}
.widget-categories ul li{}
.widget-categories ul li a{text-decoration: underline;}
.post-list{margin-bottom: 30px;}
.widget-link{}
.widget-link:hover{text-decoration: underline;}
.post-image{}
.post-containt{}
/********** Extra Plugin CSS - Back to top **********/

.cd-top {display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px;
  overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(246, 114, 105, 100) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; 
  -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s;
 transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
 -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;
 transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;}
.no-touch .cd-top:hover {background-color: #38a0de; opacity: 1;}

/*-------------- mobile media css ------------*/
@media screen and (max-width: 320px) {

  /*----- intro section -----*/
  .intro-caption {padding-top: 80px; padding-bottom: 80px;}
  .navigation.navbar-brand{float: none;}
#navigation #menu-button{float: none;}
.navigation-transparent{position: relative; background-color: #f67269;}
  /*----- cta -----*/
  .cta-text{margin-bottom: 30px; text-align: center;}
  /*----- footer -----*/
  .footer-widget {
    margin-bottom: 30px;
  }
}
/* Custom sizes (768px to 1024px) */

@media screen and (max-width: 768px) { 
.navbar-brand {float: none;}
.childern {padding-left: 0px;}
}